/**
* @file 时间轴
* @author renzhiqiang
* @date 2017-01-20
*/
<template>
  <div class="mui-scroll-wrapper" :style="{marginTop: configure.top + 'px' }">
    <div class="mui-scroll">
      <div :class="{'list_is_null': datasource.length == 0}">
      <div v-show="datasource.length != 0">
      <div class="procee">
        <div class="content">
          <ul class="processbg">
              <li style="min-height: 65px;"  v-for="list in datasource">
                <p class="processLine"></p>
                <div class="wt25">
                  <img class="imgCss" v-if="!list.headPhotoUrl" src="../../images/pic_cpxq_no02.png">
                  <img class="imgCss" v-else :src="list.headPhotoUrl">
                </div>
                <div class="wt70">
                  <div>
                    <span class="pos">{{list.roleName}} : {{list.isApprovedText || '提交'}}</span><span class="tm">{{list.updatedOn}}</span>
                  </div>
                  <div>
                    <span class="name">{{list.operatorName}}</span><span :class={"agree":list.approvedResultText=='同意'||list.isConfirmText=='已确认',"refuse":list.approvedResultText=='拒绝'||list.isConfirmText=='未确认'}>{{list.approvedResultText || list.isConfirmText}}</span>
                  </div>
                  <div>
                    <span class="pos">{{list.approvedContent}}</span>
                  </div>
                </div>
              </li>
            </div>
          </ul>
        </div>
      </div>
      </div>
      <div style="height: 40px;"></div>
    </div>
  </div>
</template>
<style lang="less" rel="stylesheet/less">
  @import 'process.css';
</style>
<script>
  export default{
    props: {
      configure: [], // 组件配置属性
      datasource: [] // 数据源
    },
    methods: {
    },
    created:function () {
    },
    ready: function () {
      console.info(this.configure);
    },
    compiled: function () {
      console.info('aa');
    }
  }
</script>
